<script setup>
import {ref} from "vue";
import { Tab as vanTabs, Tabs as vanTab ,NavBar as VanNavBar } from 'vant';
import {useRouter} from 'vue-router'
const router = useRouter()

function back(){
  router.back()
}
const active = ref(0)
function onClickTab(index){
  console.log(index)
}
</script>

<template>
<div>
  <van-nav-bar
      title="采购管理"
      left-text="返回"
      left-arrow
      @click-left="back"
  />
  <vanTab v-model:active="active" @click-tab="onClickTab">
    <vanTabs title="全部采购"></vanTabs>
    <vanTabs title="未审核"></vanTabs>
    <vanTabs title="已通过"></vanTabs>
    <vanTabs title="已拒绝"></vanTabs>
  </vanTab>

</div>
</template>

<style scoped lang="scss">

</style>